<template>
  <div class="RiskTop10">
    <chart-view
      :chart-option="provincialSlopeInformationOption"
      :auto-resize="true"
      height="100%"
    />
  </div>
</template>
<script>
import { riskTop5Data } from "../../../temp/data";
export default {
  name: "RiskTop10",
  data() {
    return {
      provincialSlopeInformation: [],
      provincialSlopeInformationOption: {},
    };
  },
  created() {
    this.provincialSlopeInformation = riskTop5Data();
    this.provincialSlopeInformationOption = this.$eChartFn.levelBar(
      this.provincialSlopeInformation
    );
  },
  methods: {},
};
</script>
<style scoped lang='less'>
.RiskTop10 {
  height: 100%;
  width: 100%;
}
</style>
